<template>
    <div class="login h-100 position-relative">
        <div class="row h-100 m-0">
            <div class="col h-100 p-0 ">
                <el-image class="w-100 h-100 "
                    src="https://gejuimage.oss-cn-beijing.aliyuncs.com/webimage/add/bg0239.jpg" fit="cover">
                </el-image>
            </div>
        </div>
        <div class=" position-absolute top bottom left right">
            <div class=" bg-white position-absolute-center w-50 rounded overflow-hidden"
                style="max-width: 850px; min-width: 600px;">
                <div class="row m-0 ">
                    <div class="col-5 p-0">
                        <el-image class="w-100 h-100 "
                            src="https://gejuimage.oss-cn-beijing.aliyuncs.com/webimage/add/432.jpg" fit="cover">
                        </el-image>
                    </div>
                    <div class="col px-5 py-3 "> 
                        <router-view></router-view> 
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        name: "Login",
        data() {
            return {
               
            }
        }
    }
</script>
<style>

</style>